img 標籤寫法

<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">

src 屬性與 alt 屬性

必要的屬性為 src 和 alt 屬性，src 屬性放的是圖片的檔案路徑或圖片位址；alt 屬性放的是關於圖片的描述，也稱為「替代文字」
替代文字的作用：

• 當圖片無法顯示或是視障人士在使用讀屏軟體聆聽網頁內容時，就可以依照 alt 屬性中的文字敘述了解網頁內容
• 搜尋引擎可讀取 alt 屬性中的文字敘述

若是在圖片的 alt 屬性填上「無法顯示圖片」，對於使用者了解網頁內容是沒有幫助的
另外若使用 img 影像的目的只是為了頁面美觀（例如圖片分隔線），還是要使用 alt 屬性，但屬性值可以空白不寫

圖片的寬高

另外也可以使用 width 和 height 屬性來指定圖片的尺寸，不過若要指定圖片的寬高，還是建議使用 CSS 樣式代替在 HTML 標籤上使用屬性，例如：有多張圖片需要設定同樣的寬度，使用 class 統一設定樣式代替在 img 標籤上一個一個設定 width 屬性會是較好的做法

title 屬性

另外圖片也可以使用 title 屬性 （title 屬性可以放在任何 HTML 元素上 ），提供關於圖片的額外說明，當滑鼠（游標）移到圖片上時，會顯示出額外說明的文字
不過相對於 alt 屬性，title 屬性的重要性較低

參考資料：
Beginner’s SEO: The difference between ALT text and Title text
HTML title Attribute
HTML img Tag